<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/jq.js"></script>
    <title></title>
</head>
<body>
<div><span id="checkCont">开始检测</span></div>
<div>
    <span></span>
    <table border="1" style="border: 1px solid #432">
        <tr id="infos">
            <th>姓名</th>
            <th>电话</th>
        </tr>

    </table>
</div>
<script>
    var obj={
        "name":"jie",
        "age":"18",
        "location":"China"
    };
    var infos=[{name:"周",phone:"18302850973"},{name:"华",phone:"183025850126"}];
    $(document).ready(function(){
        $.each(obj,function(key,val){
            $("span").append(key+":"+val+"\n")
        });
        $.each([52, 97], function(index, value) {
//            alert(index + ': ' + value);
        });

        $.each(infos,function(index,info){
            $("#infos").after("<tr class='info'><td></td> <td></td></tr>");
                $('.info').children().eq(0).text(info.name);
                $('.info').children().eq(1).text(info.phone);

        })

        $("#checkCont").click(function(){
            $(".info td:contains('0973')").css("font-size","41px")
        })

        var str='{"name": "周", "phone": "18302850973"}';
        var objstr=JSON.parse(str);
        alert(objstr.name+">>>"+objstr.phone)
    })

</script>
</body>
</html>